<!DOCTYPE html>
<html>
<head lang="en">
    <title>品牌特卖</title>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>
        img{border: none;}
        .banner{height: 400px;overflow: hidden;}
        .banner img{position: absolute;left: 50%;top: 0;margin-left: -960px;}

        .countdown{height: 130px;background-image: url("../img/婴儿切图3_50.png");background-size: 1200px 130px;margin-top: 15px;}
        .countdown .title{color: #e14582;font-size: 18px;text-align: center;padding-top: 20px;}
        .countdown .title b{display: inline-block;padding: 0 20px;}
        .countdown .title span{display: inline-block;width: 60px;border-bottom: 1px solid #ccc;height: 12px;}
        .countdown .count{text-align: center;color: #fb80b7;margin-top: 20px;}
        .countdown .count span{display: inline-block;width: 45px;height: 45px;text-align: center;line-height: 45px;border-radius: 4px;
            background-color: #fb80b7;color: #fff;font-weight: bold;font-size: 28px;vertical-align: text-bottom;margin-left: 15px;}

        .content{overflow: hidden;margin-top: 20px;}
        .content .left-brand{width: 180px;border: solid #ddd;border-width: 1px 0 0 1px;}
        .content .left-brand li{display: table;width: 180px;height: 95px;}
        .content .left-brand li a{display: table-cell;vertical-align: middle;border: solid #ddd;border-width: 0 1px 1px 0;}
        .content .left-brand li a img{display: block;margin: 0 auto;max-width: 180px;max-height: 95px;}
        
        .right-content{width: 970px;}
        .right-content .list1 li{overflow: hidden;padding: 20px;border: 1px solid #ddd;margin-bottom: 20px;}
        .right-content .list1 li .l1-r{width: 250px;margin-left: 25px;}
        .right-content .list1 li .l1-r h2{font-weight: normal;font-size: 30px;padding-top: 10px;color: #333;}
        .right-content .list1 li .l1-r p{color: #444;line-height: 24px;height: 120px;overflow: hidden;margin-top: 20px;}
        .right-content .list1 li .l1-r a{width: 135px;height: 45px;line-height: 45px;text-align: center;display: block;
            background-color: #fb80b7;color: #fff;border-radius: 5px;margin-top: 10px;font-size: 18px;}

        .right-content .list2{overflow: hidden;margin-left: -40px;margin-top: 20px;}
        .right-content .list2 li{float: left;margin-left: 40px;width: 465px;margin-bottom: 10px;}
        .right-content .list2 li a{display: block;}
        .right-content .list2 li a img{display: block;}
        .right-content .list2 li a p{color: #333;font-size: 18px;line-height: 60px;}
        .right-content .list2 li a p span{color: #e14582;}
    </style>
</head>
<body ng-app="">
<div ng-include="'../public/header.html'"></div>
<div class="banner">
    <img src="../img/婴儿切图3_38.png" alt="" width="1920" height="400"/>
</div>
<div class="countdown container">
    <div class="title">
        <span>&nbsp;</span>
        <b>
            <i>离活动结束还剩</i>
        </b>
        <span>&nbsp;</span>
    </div>
    <div class="count">
        <span>2</span> 天 <span>12</span> 时 <span>34</span> 分 <span>43</span> 秒
    </div>
</div>
<div class="container content">
    <ul class="left-brand fl">
        <li>
            <a href="">
                <img src="../img/QQ截图20160803104602.png" alt=""/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="../img/QQ截图20160803104619.png" alt=""/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="../img/QQ截图20160803104634.png" alt=""/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="../img/QQ截图20160803104602.png" alt=""/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="../img/QQ截图20160803104619.png" alt=""/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="../img/QQ截图20160803104634.png" alt=""/>
            </a>
        </li>
    </ul>
    <div class="right-content fr">
        <ul class="list1">
            <li>
                <img class="fl" src="../img/婴儿切图3_65.png" alt="" width="650" height="315"/>
                <div class="fl l1-r">
                    <h2>热卖单品<br/>折后再满减</h2>
                    <p>撒打开了呢，分离机房我怕九分裤看了多少了发送，而非奇偶IE我们来看发哦我就付款了罚款了。</p>
                    <a href="">立即抢 &gt;</a>
                </div>
            </li>
            <li>
                <img class="fl" src="../img/婴儿切图3_68.png" alt="" width="650" height="315"/>
                <div class="fl l1-r">
                    <h2>热卖单品<br/>折后再满减</h2>
                    <p>撒打开了呢，分离机房我怕九分裤看了多少了发送，而非奇偶IE我们来看发哦我就付款了罚款了。</p>
                    <a href="">立即抢 &gt;</a>
                </div>
            </li>
            <li>
                <img class="fl" src="../img/婴儿切图3_79.png" alt="" width="650" height="315"/>
                <div class="fl l1-r">
                    <h2>热卖单品<br/>折后再满减</h2>
                    <p>撒打开了呢，分离机房我怕九分裤看了多少了发送，而非奇偶IE我们来看发哦我就付款了罚款了。</p>
                    <a href="">立即抢 &gt;</a>
                </div>
            </li>
            <li>
                <img class="fl" src="../img/婴儿切图3_81.png" alt="" width="650" height="315"/>
                <div class="fl l1-r">
                    <h2>热卖单品<br/>折后再满减</h2>
                    <p>撒打开了呢，分离机房我怕九分裤看了多少了发送，而非奇偶IE我们来看发哦我就付款了罚款了。</p>
                    <a href="">立即抢 &gt;</a>
                </div>
            </li>
        </ul>
        <div class="r-c-banner">
            <a href="">
                <img src="../img/婴儿切图3_87.png" alt="" width="970"/>
            </a>
        </div>
        <ul class="list2">
            <li>
                <a href="">
                    <img src="../img/婴儿切图3_63.png" alt="" width="465" height="220"/>
                    <p class="overflow">
                        <span class="fr">￥60.00起</span>雀巢奶粉，幼儿配方奶粉3L
                    </p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/婴儿切图3_63.png" alt="" width="465" height="220"/>
                    <p class="overflow">
                        <span class="fr">￥60.00起</span>雀巢奶粉，幼儿配方奶粉3L
                    </p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/婴儿切图3_63.png" alt="" width="465" height="220"/>
                    <p class="overflow">
                        <span class="fr">￥60.00起</span>雀巢奶粉，幼儿配方奶粉3L
                    </p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="../img/婴儿切图3_63.png" alt="" width="465" height="220"/>
                    <p class="overflow">
                        <span class="fr">￥60.00起</span>雀巢奶粉，幼儿配方奶粉3L
                    </p>
                </a>
            </li>
        </ul>
    </div>
</div>
<div ng-include="'../public/footer.html'"></div>
<!--部件-->
<div ng-include="'../public/right_bar.html'"></div>
</body>
<script src="../js/common.js"></script>
<script>
    var nav = setTimeout(function(){
        $('.header-nav ul li').eq(2).find('a').addClass('nav-active')
    },500);
</script>
</html>